<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>服务器列表·思通投研·让数据驱动投资价值!</title>
<link href="${pageContext.request.contextPath }/img/webLogoIcon.png" rel="shortcut icon">
<link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/font-awesome.css"
	rel="stylesheet">

<link href="${pageContext.request.contextPath }/css/animate.css"
	rel="stylesheet">
<link href="${pageContext.request.contextPath }/css/style.css"
	rel="stylesheet">




<!-- FooTable -->
<link href="${pageContext.request.contextPath }/css/footable.core.css"
	rel="stylesheet">
<link
	href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css"
	rel="stylesheet" />
<link href="${pageContext.request.contextPath }/css/datepicker3.css"
	rel="stylesheet">
	　　<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath }/css/iconfont.css">
	

<style>
.select2_demo_1 {
	float: left;
	width: 120px;
	display: inline;
	margin-left: 10px;
}

.form-control {
	display: inline;
}

.col-sm-3 {
	float: right;
	width: 560px;
}

.input-group {
	float: right;
	width: 240px;
	margin-left: 5px;
}

td {
	vertical-align: middle;
}
 @font-face {font-family: "iconfont";
          src: url('iconfont.eot'); /* IE9*/
          src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('iconfont.woff') format('woff'), /* chrome, firefox */
          url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
          url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
        }

        .iconfont {
          font-family:"iconfont" !important;
          font-size:16px;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.2px;
          -moz-osx-font-smoothing: grayscale;
        }
</style>

</head>

<body>

	<div id="wrapper">

		<nav class="navbar-default navbar-static-side" role="navigation">
			<%request.setAttribute("LEFT", "system_list");%>
			<%@include file="left.jsp"%>
		</nav>

		<div id="page-wrapper" class="gray-bg">
			<div class="row border-bottom">
				<jsp:include page="head.jsp" flush="true" />
			</div>
			<div class="row wrapper border-bottom white-bg page-heading">
				<div class="col-lg-9">
					<h2>服务器列表</h2>
					<ol class="breadcrumb">
	                	<li class="nav-main1">
	                		<a href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
	                	</li>
	                	<li class="nav-main2" >
	                		<a id="navigation1" href="#" >系统设置</a>
	                	</li>
	                	<li class="nav-main3" style="display: none">
	                		<a id="navigation2"></a>
	                	</li>
	                	<li class="active">
	                		<a>服务器列表</a>
	                	</li>
                	</ol>
				</div>
			</div>

			<div class="wrapper wrapper-content animated fadeInRight">
				<div class="row">
					<div class="col-lg-12">
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<div class="row" style="margin-top: 2%;">
									<div class="col-lg-12">
										<div class="m-b-md">
											<!-- <a> class="btn btn-white btn-sm pull-right" -->
											<h2 style="margin-left: 2%;">系统状态总览</h2>
										</div>
									</div>
								</div>
								<div class="row" style="margin-top: 1%;">
									<div class="col-lg-5">
										<dl class="dl-horizontal">
											<dt style="font-size: 16px;">服务器总量:</dt>
											<dd style="font-size: 16px;">16台</dd>
											<dt style="font-size: 16px;">正在运行中:</dt>
											<dd style="font-size: 16px;">16台</dd>
											<dt style="font-size: 16px;">停止运行的:</dt>
											<dd style="font-size: 16px;">0台</dd>
											<dt style="font-size: 16px;">总运行时长:</dt>
											<dd style="font-size: 16px;">200天12小时</dd>
										</dl>
									</div>
									<div class="col-lg-7" id="cluster_info">
										<dl class="dl-horizontal">
										<i class="iconfont icon">
											<dt style="font-size: 16px;"><i class="icon iconfont" style="color: #62b31a;">&#xe641;</i>&nbsp;&nbsp;总体CPU使用率:</dt></i>
											<dd style="font-size: 16px;">73%</dd>
											<dt style="font-size: 16px;"><i class="icon iconfont" style="color: #62b31a;">&#xe630;</i>&nbsp;&nbsp;总体内存使用率:</dt>
											<dd style="font-size: 16px;">66%</dd>
											<dt style="font-size: 16px;"><i class="icon iconfont" style="color: #62b31a;">&#xe62e;</i>&nbsp;&nbsp;总体磁盘使用率:</dt>
											<dd style="font-size: 16px;">85%</dd>
											<dt style="font-size: 16px;"><i class="fa fa-sliders " style="color: #62b31a;"></i>&nbsp;&nbsp;总体平均负载率:</dt>
											<dd style="font-size: 16px;">0.7</dd>
										</dl>
									</div>
								</div>
							</div>
						</div>
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<!--<button class="btn btn-outline btn-primary dim" type="button">添加种子</button>-->
								<%-- <button class="btn btn-primary "
									onclick="window.location.href = '${pageContext.request.contextPath}/toaddseed?websiteId=${website.id}&website_name=${website.website_name }'"
									type="button">
									<i class="fa fa-plus"></i>&nbsp;添加种子
								</button> --%>
								<table class="footable table table-stripped toggle-arrow-tiny"
									data-page-size="8" id="seed">
									<thead>
										<tr>
											<th style="width: 15%;">服务器名称</th>
											<th style="width: 15%;">更新&创建时间</th>
											<th style="width: 15%;">IP地址</th>
											<th style="width: 15%;">最大承载爬虫数</th>
											<th style="width: 10%;">已承载爬虫数</th>
											<th style="width: 10%;">查看运行状态</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>爬虫1号服务器</td>
											<td>2017-12-07</td>
											<td>192.168.1.201</td>
											<td>300支</td>
											<td>168支</td>
											<td><button type="button" class="btn-white btn btn-xs" data-toggle="modal" data-target="#myModal5">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫2号服务器</td>
											<td>2017-12-07</td>
											<td>192.168.1.202</td>
											<td>300支</td>
											<td>150支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫3号服务器</td>
											<td>2017-12-07</td>
											<td>192.168.1.203</td>
											<td>300支</td>
											<td>150支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫4号服务器</td>
											<td>2017-12-07</td>
											<td>192.168.1.204</td>
											<td>300支</td>
											<td>150支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫5号服务器</td>
											<td>2017-12-07</td>
											<td>192.168.1.205</td>
											<td>300支</td>
											<td>149支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫6号服务器</td>
											<td>2017-12-07</td>
											<td>192.168.1.206</td>
											<td>300支</td>
											<td>153支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫7号服务器</td>
											<td>2017-12-07</td>
											<td>192.168.1.207</td>
											<td>300支</td>
											<td>150支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫8号服务器</td>
											<td>2017-12-07</td>
											<td>192.168.1.208</td>
											<td>300支</td>
											<td>150支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫9号服务器</td>
											<td>2018-10-26</td>
											<td>192.168.1.209</td>
											<td>300支</td>
											<td>150支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫10号服务器</td>
											<td>2018-10-26</td>
											<td>192.168.1.210</td>
											<td>300支</td>
											<td>182支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫11号服务器</td>
											<td>2018-10-26</td>
											<td>192.168.1.211</td>
											<td>300支</td>
											<td>132支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫12号服务器</td>
											<td>2018-10-26</td>
											<td>192.168.1.212</td>
											<td>300支</td>
											<td>155支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫13号服务器</td>
											<td>2018-10-26</td>
											<td>192.168.1.213</td>
											<td>300支</td>
											<td>150支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫14号服务器</td>
											<td>2018-10-26</td>
											<td>192.168.1.214</td>
											<td>300支</td>
											<td>157支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫15号服务器</td>
											<td>2018-10-26</td>
											<td>192.168.1.215</td>
											<td>300支</td>
											<td>210支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
										<tr>
											<td>爬虫16号服务器</td>
											<td>2018-10-26</td>
											<td>192.168.1.216</td>
											<td>300支</td>
											<td>150支</td>
											<td><button type="button" class="btn-white btn btn-xs">服务器详情</button></td>
										</tr>
									</tbody>
									<tfoot>
										<tr>
											<td colspan="6">
												<ul class="pagination pull-right"></ul>
											</td>
										</tr>
									</tfoot>
								</table>

							</div>
						</div>
						
						<div class="modal inmodal fade" id="myModal5" tabindex="-1" role="dialog"  aria-hidden="true">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                                            <h4 class="modal-title">一号爬虫服务器</h4>
                                            <small class="font-bold"><span style="line-height: 2;" class="label label-primary">运行中</span></small>
                                        </div>
                                        <div class="modal-body">
                                            <table>
                                            	<tr>
                                            		<td width="100px;"><strong>CPU:</strong></td>
                                            		<td>32核</td>
                                            	</tr>
                                            	<tr>
                                            		<td width="100px;"><strong>内存:</strong></td>
                                            		<td>64G</td>
                                            	</tr>
                                            	<tr>
                                            		<td width="100px;"><strong>IP地址:</strong></td>
                                            		<td>192.186.1.201</td>
                                            	</tr>
                                            	<tr>
                                            		<td width="100px;"><strong>创建时间:</strong></td>
                                            		<td>2017-12-07</td>
                                            	</tr>
                                            	<tr>
                                            		<td colspan="8">————————————————————————————————————————————————————————————————</td>
                                            	</tr>
                                            	<tr>
                                            		<td width="100px;"><strong>此服务器已运行:</strong></td>
                                            		<td>20天09小时</td>
                                            		<td width="100px;"><strong>操作系统的版本:</strong></td>
                                            		<td>Ubuntu 16.04</td>
                                            		<td></td>
                                            		<td></td>
                                            		<td width="100px;"><strong>更新时间:</strong></td>
                                            		<td>2018-12-28</td>
                                            	</tr>
                                            	<tr>
                                            		<td colspan="8">&nbsp;</td>
                                            	</tr>
                                            	<tr style="text-align:center;">
                                            		<td colspan="2"><strong>整体CPU使用量</strong></td>
                                            		<td colspan="2"><strong>整体内存使用量</strong></td>
                                            		<td colspan="2"><strong>整体磁盘使用量</strong></td>
                                            		<td colspan="2"><strong>整体分区使用量</strong></td>
                                            	</tr>
                                            	<tr style="text-align:left;">
                                            		<td colspan="2" style="padding-left:55px;">空闲率:20%</td>
                                            		<td colspan="2" style="padding-left:55px;">内存总量:64G</td>
                                            		<td colspan="2" style="padding-left:70px;">存储磁盘空间:500G</td>
                                            		<td colspan="2" style="padding-left:55px;">交换区总量:100</td>
                                            	</tr>
                                            	<tr style="text-align:left;">
                                            		<td colspan="2" style="padding-left:55px;">使用率:80%</td>
                                            		<td colspan="2" style="padding-left:55px;">当前内存使用量:16G</td>
                                            		<td colspan="2" style="padding-left:70px;">已使用:140G</td>
                                            		<td colspan="2" style="padding-left:55px;">当前交换区使用量:100</td>
                                            	</tr>
                                            	<tr style="text-align:left;">
                                            		<td colspan="2" style="padding-left:55px;">缓存量:12</td>
                                            		<td colspan="2" style="padding-left:55px;">当前内存剩余量:36G</td>
                                            		<td colspan="2" style="padding-left:70px;">可使用:360G</td>
                                            		<td colspan="2" style="padding-left:55px;">当前交换区剩余量:40</td>
                                            	</tr>
                                            	<tr style="text-align:left;">
                                            		<td colspan="2" style="padding-left:55px;"></td>
                                            		<td colspan="2" style="padding-left:55px;">内存使用率:37%</td>
                                            		<td colspan="2" style="padding-left:70px;">已使用量:34%</td>
                                            		<td colspan="2" style="padding-left:55px;"></td>
                                            	</tr>
                                            	<tr style="text-align:left;">
                                            		<td colspan="2" style="padding-left:55px;"></td>
                                            		<td colspan="2" style="padding-left:55px;"></td>
                                            		<td colspan="2" style="padding-left:70px;">读出:200</td>
                                            		<td colspan="2" style="padding-left:55px;"></td>
                                            	</tr>
                                            	<tr style="text-align:left;">
                                            		<td colspan="2" style="padding-left:55px;"></td>
                                            		<td colspan="2" style="padding-left:55px;"></td>
                                            		<td colspan="2" style="padding-left:70px;">写入:1000</td>
                                            		<td colspan="2" style="padding-left:55px;"></td>
                                            	</tr>
                                            	<tr>
                                            		<td colspan="8">————————————————————————————————————————————————————————————————</td>
                                            	</tr>
                                            	<tr>
                                            		<td width="100px;"><strong>网络使用情况</strong></td>
                                            	</tr>
                                            	<tr>
                                            		<td><strong>网络接收数据量:</strong></td>
                                            		<td>100.5G</td>
                                            		<td><strong>接收的总包裹数:</strong></td>
                                            		<td>3291</td>
                                            		<td><strong>接收时丢弃的包数:</strong></td>
                                            		<td>0</td>
                                            	</tr>
                                            	<tr>
                                            		<td><strong>网络发送数据量:</strong></td>
                                            		<td>10.1G</td>
                                            		<td><strong>接收的总字节数:</strong></td>
                                            		<td>107911053312</td>
                                            		<td><strong>接收时丢弃的包数:</strong></td>
                                            		<td>0</td>
                                            	</tr>
                                            </table>
                                        </div>

                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                                            <!-- <button type="button" class="btn btn-primary">保存</button> -->
                                        </div>
                                    </div>
                                </div>
                            </div>
					</div>
				</div>

			</div>
			<jsp:include page="footer.jsp" flush="true" />
		</div>
</div>

		<!-- Mainly scripts -->
		<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
		<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
		<script
			src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
		<script
			src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>

		<!-- Custom and plugin javascript -->
		<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
		<script src="${pageContext.request.contextPath }/js/pace.min.js"></script>



		<!-- FooTable -->
		<script
			src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>

		<!-- Page-Level Scripts -->
		<script>
        $(document).ready(function() {
            $('.footable').footable();
        });
        
        function updateSeedflag(id,status) {
        	if(confirm('确认修改？')) {
                $.ajax({
                    url:"${pageContext.request.contextPath}/updateSeedflag?status="+status+"&id="+id,
                    type:"get",
                    success:function(res){
                        if (res.status == 200){
                            $("#seed").empty();
                            $("#seed").load(location.href + " #seed");
                        }
                    },
                    error:function(e){
                        console.log(e)
                    }
                })
            }
		}
		
        
      //跑马灯方法 
// 		 function init(){
// 			    //获取标题
// 			    var title=document.title;
// 			    //分割字符串--->字符数组
// 			    var arr=title.split("");
// 			    //删除第一个元素并返回该元素
// 			    var e=arr.shift();
// 			    //把一个对象添加到数组末尾
// 			    arr.push(e);
// 			    //把数组转换成字符串
// 			    var marquee=arr.join("");
// 			    //返回给浏览器
// 			    document.title=marquee;
// 			    //定时一直执行
// 			    window.setTimeout("init()",1000);
// 			}
// 			window.onload=init;
		 
    </script>

		<script
			src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
</body>

</html>
